// 这是一个用于包装其他组件的高阶组件，如果主管判断权限校验通过，那么return props.children就可以了
import React from 'react';
import useAuth from '@/utils/useAuth';
import { Button } from 'antd';
import { history } from 'umi';

console.log(999999999);

export default (props: any) => {
  let [isLogin, setUserInfo] = useAuth({});
  console.log(isLogin);

  if (JSON.stringify(isLogin) !== '{}') {
    return props.children;
  } else {
    return (
      <div>
        <h1>请登录</h1>
        <Button
          type="primary"
          onClick={() => {
            history.push('/login');
          }}
        >
          点击登入
        </Button>
      </div>
    );
  }
};
